<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@taglib uri="http://struts.apache.org/tags-logic" prefix="logic"%>

<!DOCTYPE html>
<html lang="en">
  <head>
		<meta charset="utf-8">
		<title>Sign in &middot; Car Rental system</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="">

		<link href="/CarRentalSystem/css/bootstrap.min.css" rel="stylesheet">
		<link href="/CarRentalSystem/css/sign.css" rel="stylesheet">
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

		<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
			<script src="/js/html5shiv.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="container">
			<html:form action="/auth/signupConfidential" styleClass="form-signup confidential">
				<h2 class="form-signup-heading">Confidential data</h2>
				<div class="control-group">
					<html:text name="signUpStepTwoForm" property="name" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="name" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="surname" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="surname" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="patronymic" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="patronymic" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="passportNumber" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="passportNumber" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="creditCard" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="creditCard" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="birthdate" styleId="birthdate" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="birthdate" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="phone" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="phone" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="country" errorStyleClass="input-medium error" styleClass="input-medium"></html:text>
					<html:text name="signUpStepTwoForm" property="zip" errorStyleClass="input-small error" styleClass="input-small"></html:text>
					<html:errors property="country" /> <html:errors property="zip" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="state" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="state" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="city" errorStyleClass="input-block-level error" styleClass="input-block-level"></html:text>
					<html:errors property="city" />
		        </div>
		        <div class="control-group">
					<html:text name="signUpStepTwoForm" property="street" errorStyleClass="input-medium error" styleClass="input-medium"></html:text>
					<html:text name="signUpStepTwoForm" property="house" errorStyleClass="input-mini error" styleClass="input-mini"></html:text>
					<html:text name="signUpStepTwoForm" property="apartment" errorStyleClass="input-mini error" styleClass="input-mini"></html:text>
					<html:errors property="street" /> <html:errors property="house" /> <html:errors property="appartment" />
		        </div>
		        <html:submit styleClass="btn btn-large btn-primary" value="Sign up »"/>
		        <a href="#cancel" role="button" class="btn btn-large" data-toggle="modal">Cancel</a>
		        
		        <div id="cancel" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
				  <div class="modal-header">
				    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				    <h3 id="modalLabel">Aborting of registration</h3>
				  </div>
				  <div class="modal-body">
				    <p>
				      Do you really want to abort registration process? In case of cancellation, all entered data will be lost.
				    </p>
				  </div>
				  <div class="modal-footer">
				    <html:cancel styleClass="btn btn-primary" value="Abort registration"/>
				    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
				  </div>
				</div>
		        
			</html:form>
		</div>

		<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
	    <script>
	      $(function() {               
	        $("#birthdate" ).datepicker({
	          changeMonth: true,
	          changeYear: true,
	          yearRange: '1920:2010',
	          dateFormat : 'yy-mm-dd',
	          defaultDate: new Date(1990, 00, 01)
	        });
	      });
	    </script>
		<script src="/CarRentalSystem/js/bootstrap.min.js"></script>
	</body>
</html>
